/* 
商品详情及评论
*/

#shopCommit{
    width: 1000px;
    margin: 20px auto;
    margin-top: 60px;
    border: 1px solid #d7d7d7;
}

#shopCommit .shopCommitTitle{
    height: 48px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
}

#shopCommit .shopCommitTitle div{
    min-width: 88px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}

#shopCommit .shopCommitTitle div:hover{
    color: #F90303;
}

#shopCommit .shopCommitTitle div:nth-child(1){
}

#shopCommit .shopCommitTitle div:nth-child(2){

}

#shopCommit .shopCommitTitle .activate{
    border-top: 2px solid #F90303;
    color: #F90303;
    font-weight: bold;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

#shopCommit .shopCommitContent{
    /* height: 300px; */
    padding-top: 20px;
    padding-bottom: 20px;
}


/* 评论 */
#shopCommit .shopCommitContent .commitBox{
    width: 90%;
    margin: 0 auto;
    /* background-color: #ddd; */
    padding: 20px;

    display: flex;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
}
#shopCommit .shopCommitContent .commitBox div:nth-child(1){
    flex: 1;
    display: flex;
    flex-direction: column;
}

#shopCommit .shopCommitContent .commitBox div:nth-child(1) span:nth-child(1){
    max-width: 700px;
}

#shopCommit .shopCommitContent .commitBox div:nth-child(2){
    margin-right: 20px;
}
#shopCommit .shopCommitContent .commitBox .sf{
    font-size: 14px;
    color: #7f7f7f;
}

/* 商品详情 */
#shopCommit .shopCommitContent .detailBox{
    padding: 10px 20px 10px 20px;
    line-height: 28px;
    display: flex;
}
#shopCommit .shopCommitContent .detailBox span:nth-child(1){
    width: 80px;
}

#shopCommit .shopCommitContent .detailBox span:nth-child(2){
    flex: 1;
}


